﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>数据可视化页面</title>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
  <link rel="stylesheet" href="/css/index.css">
</head>
<script>
$(window).load(function(){
    $(".loading").fadeOut()
 });


/****/
$(document).ready(function(){
  var whei=$(window).width();
    $("html").css({
      fontSize:whei/20
    });
    $(window).resize(function(){
        var whei=$(window).width();
        $("html").css({fontSize:whei/20})
  });
});
</script>



<body>

<div class="canvas" style="opacity:.2">
	<iframe src="/bg/background.html" style="width: 100%; height: 100%"></iframe>
</div>
<div class="loading">
  <div class="loadbox"> <img src="picture/loading.gif" alt=""> 页面加载中... </div>
</div>

<div class="head">
  <h1>资产可视化</h1>
  <div class="weather"><span id="showTime" style="color: #2aabd2"></span></div>
  <script src="/page/time.js"></script>
</div>

<div class="row">
  <div class="col-md-3" style="margin: 0 50px">
      <!--监控-->
      <div class="divCss" id="camera" style="height: 300px;background:url('/images/camera.jpg');background-size: 100%">

      </div>
      <!--车辆轨迹-->
      <div class="divCss" id="car" style="height: 300px;">
        <h1 style="color: red">车辆轨迹</h1>
      </div>
      <!--温度 湿度-->
      <div class="divCss" id="temperature" style="height: 300px;">

      </div>

  </div>

  <div class="col-md-4"  style="margin: 0 50px">
    <!--3d模型加载处-->
    <div class="divCss" style="height: 500px">
      <div id="my3d" style="margin:5px auto;">
        <canvas id="mainCanvas"></canvas>
      </div>
    </div>

    <div class="row" style="height: 450px">
      <!--配送量，配送轨迹-->
      <div class="divCss" id="delivery" style="margin-top: 100px;height: 300px">

      </div>
    </div>
  </div>

  <div class="col-md-3"  style="margin: 0 50px">
    <!--当日订单总量-->
    <div class="divCss" id="sameDayOrder" style="height: 300px">

    </div>
    <!--完成订单,未完成订单-->
    <div class="divCss" id="completeOrder" style="height: 300px">

    </div>
    <!--企业介绍-->
    <div class="divCss" id="incompleteOrders" style="height: 300px">
      <p style="color: #000;font-size: 15px;">
            西藏正康药业有限公司于2016年05月31日成立。法定代表人宋洪振，公司经营范围包括：
        软件批发与零售；医疗器械租赁； 计算机软硬件及配件、仪器仪表、卫生产品、消毒产品（不含危化品）、化妆品、保健品、
        辅料、中药材、中药饮片、中成药、化学原料药及其制剂、抗生素原料药及其制剂、生化药品、
        生物制品（不含预防性生物制品和诊断药品）、医疗器械I、II、III类的批发；
        预包装食品（不含冷藏冷冻食品）销售；保健食品销售；特殊医学用途配方食品销售等。
      </p>
    </div>
  </div>
</div>

</div>

<script src="/js/ec/echarts.min.js"></script>

<script src="js/vue.min.js"></script>
<script type="text/javascript" src="/page/index.js"></script>
<script type="/text/javascript" src="/static/page/china.js"></script>
<script src="/js/three.js"></script>
<script src="/js/TrackballControls.js"></script>
<script src="/js/LoaderSupport.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="/js/OBJLoader.js"></script>
<script src="/js/MTLLoader.js"></script>
<script src="/page/index3d.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</body>
</html>
